<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>模特姓名管理</title>
		<meta http-equiv="Content-Type" content="text/html;charset=GBK" />
		<jsp:include page="../publicjsp/publicjs.jsp"></jsp:include>
		<style>
			body { font-size: 70%; }
			label, input { display:block; }
			input.text { margin-bottom:12px; width:50%; padding: .4em; }
			fieldset { padding:0; border:0; margin-top:10px; }
			h1 { font-size: 1.2em; margin: .6em 0; }
			div#users-contain { width: 800px; margin: 20px 0; }
			div#users-contain table { margin: 1em 0; border-collapse: collapse; width: 100%; }
			div#users-contain table td, div#users-contain table th { border: 1px solid #eee; padding: .6em 10px; text-align: left; }
			.ui-dialog .ui-state-error { padding: .3em; }
			.validateTips { border: 1px solid transparent; padding: 0.3em; }
			.a1{background-color:#f5fafe;}
		</style>
		<script>
		$(function() {
			$("button").button();
			
			$("#dataArea tr").mouseover(function(){
				$(this).addClass("a1");
			}).mouseout(function(){
				$(this).removeClass("a1");
			});
		});
		</script>
	</head>
	<body>
		<table width="100%" height="100%" cellpadding="0" cellspacing="0"
			border="0">
			<tr>
				<td valign="top" height="15">
					<table width="100%" style="margin: 0; z-index: 101;" >
						<tr>
							<td align="left" height="15">
								<div style="font-size: 10pt;">
									<font color="#2F4F4F"><b>当前位置：工作信息管理 &gt; 工作信息查询</b> </font>
								</div>
							</td>
						</tr>
					</table>
				</td>
			</tr>

			<tr>
				<td height="2" valign="top">
					<hr />
				</td>
			</tr>
		</table>
			<button id="create-order">新添</button>
			<div id="users-contain" class="ui-widget">
				<table id="users" width="100% class="ui-widget ui-widget-content">
					<thead>
						<tr class="ui-widget-header">
							<th>序号</th>
							<th>模特姓名</th>
							<th>模特类型</th>
							<th>工作类型</th>
							<th>工作形式</th>
							<th>工单状态</th>
							<th>经纪人</th>
							<th>日期</th>
							<th>操作</th>
						</tr>
					</thead>
					<tbody id="dataArea">
					  <c:forEach items="${orderList}" var="order" varStatus="status">
			      		<tr>
			      			<td>${status.index + 1 }</td>
			      			<td>${order.modelName}</td>
			      			<td>${order.modelType}</td>
			      			<td>${order.workingType}</td>
			      			<td>${order.workingForm}</td>
			      			<td>${order.orderStatus}</td>
			      			<td>${order.broker}</td>
			      			<td><fmt:formatDate value="${order.createTime}" pattern="yyyy-MM-dd"/></td>
			      			<td><button class="modify">修改</button><button class="delete">删除</button></td>
      					</tr>
      				   </c:forEach>
					</tbody>
				</table>
			</div>
	</body>
</html>